<template>
  <div class="car-content">
    <!-- <div class="NavBar">
      <van-nav-bar
        :title="title"
        :left-arrow="left"
        @click-left="onClickLeft"
      />
    </div> -->
    <div class="content-main">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "Card",
  data() {
    return {
      title: "",
      left: "",
    };
  },
  created() {},
  mounted() {
    this.title = this.$route.meta.title;
    this.left = this.$route.meta.left;
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.car-content {
  height: 100%;
  .NavBar {
    height: 92px;
    .van-nav-bar,
    .van-nav-bar__content {
      height: 92px !important; // 锁死导航栏高度，方便计算剩余高度
    }
    .van-hairline--bottom:after {
      border-bottom-width: 0px;
    }
  }
  .content-main {
    // height: calc(100% - 92px);
    height: 100%;
    overflow: auto;
    background-color: #f4f4f4;
  }
}
</style>
